<template>
  <div class="advisory">
      <div class="advisory1">
         <el-carousel height="359px" indicator-position='none'>
                  <el-carousel-item v-for="(item,index) in newslist4" :key="index">
                      <nuxt-link target="_blank" :to="'/post/' + item.pid">
                    <div class="newsdetailtitle">
                      <img :src="item.thumbnail" alt="">
                      <div class="info">
                        <span>{{item.name}}</span>
                       </div>
                    </div>
                      </nuxt-link>
                  </el-carousel-item>
          </el-carousel>
      </div>
      <div>
        <el-row :gutter="10" class="checktitle">
          <el-col :span="16">
              <div class="researchleft">
                  <div class="researchleft2">
                       <div class="msg">
                            <div class="msg1">
                              <h1>上海股权研究院</h1>
                              <h2>微信号：shgqyjy</h2>
                              <h2>关注微信号，了解每日金融新闻</h2>                              
                            </div>
                            <img src="http://img3.tqcaifu.com/list/reseach2.png" alt="">
                       </div>
                  </div>
                  <research1 title="财经头条" :research1link="research1link" :newslist="touzicelue"></research1>                  
              </div>
          </el-col> 
           <el-col :span="8">
              <div>
                  <contactus2></contactus2>
                  <advisory1 :newdata="zuire"></advisory1>
              </div>
          </el-col>
       </el-row>
      </div>
  <newsdetail :newinfo="newsdetail" :newslist1="newslist1" :newslist2="newslist2" :newslist3="newslist3"></newsdetail>
  </div>
</template>

<script>
import asyncApi from '../../static/js/asyncApi.js'
import contactus2 from "../../components/contactus2";
import research1 from "../../components/research1";
import advisory1 from "../../components/advisory1";
import newsdetail from "../../components/newsdetail";

export default {
  components:{
        contactus2,
        research1,
        advisory1,
        newsdetail
    },
  data() {
    return{
      newsdetail:{
        title1:"宏观新闻",
        title2:"财经新闻",
        title3:"市场新闻",
        title11:"/column/hongguanxinwen",
        title22:"/column/caijingxinwen",
        title33:"/column/shichangxinwen",
        minititle1:"--观宏观大势，把握市场发展趋势",
        minititle2:"--观财经实时热点，紧握当下投资机会",
        minititle3:"--观市场变幻，抓住最佳投资时机",
        type:3
      },
      research1link:"/column/caijingtoutiao"
    }
  },
  methods: {
   
  },
  async asyncData () {
    let [data1,data2,data3,data4,data5,data6] = await Promise.all([
       asyncApi.asyncGetCategoryPost({categoryName:"财经头条",page:"1",pageSize:"4",orderBy:"createtime",orderByType:"desc"}),
       asyncApi.asyncGetCategoryPost({page:"2",pageSize:"3",orderBy:"readNum",orderByType:"desc"}),    
        asyncApi.asyncGetCategoryPost({categoryName:"宏观新闻",page:"1",pageSize:"6",orderBy:"createtime",orderByType:"desc"}),
        asyncApi.asyncGetCategoryPost({categoryName:"财经新闻",page:"1",pageSize:"6",orderBy:"createtime",orderByType:"desc"}),
        asyncApi.asyncGetCategoryPost({categoryName:"市场新闻",page:"1",pageSize:"6",orderBy:"createtime",orderByType:"desc"}),
        asyncApi.asyncGetCategoryPost({categoryName:"热点资讯",page:"1",pageSize:"5",orderBy:"weigh",orderByType:"desc"}),
    ])
    return {
      touzicelue: data1.data.data.list,
      zuire: data2.data.data.list,
      newslist1:data3.data.data.list,
      newslist2:data4.data.data.list,
      newslist3:data5.data.data.list,
      newslist4:data6.data.data.list,
    }
 },
 head () {
    return {
      title: "财经资讯_投资资讯_财经头条_财经新闻_热点事件_热点新闻事件_今日热点新闻_热点财经新闻_政策动态_2018最热财经新闻-天沁财富",
      meta: [
         { hid:"keywords",name: 'keywords', content: '投资资讯,财经资讯,理财资讯,财经新闻,财经头条,政策动态，今日热点新闻，热点新闻事件，热点财经新闻，2018最热财经新闻' },
         { hid:"description",name: 'description', content: '天沁财富财经资讯中心为金融投资者提供最新最前沿的金融市场动态，以及私募股权、信托、资管、基金、债权投资等行业深度报道和财经资讯。' }
      ]
    }
  }
};
</script>


<style scoped>
.newsdetailtitle{
  height: 100%;
  width: 100%;
  position: relative;
}
.newsdetailtitle img{
  height: 100%;
  width: 100%;
}
.newsdetailtitle .info{
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 100%;
  
}
.newsdetailtitle .info span{
  height: 60px;
  padding: 0 30px;
  display: inline-block;
  line-height: 60px;
  background: rgba(0,0,0, 0.5);
     background: -webkit-linear-gradient(rgba(255,255,255,.1),rgba(0,0,0,.5));  
        background: -o-linear-gradient(rgba(255,255,255,.1),rgba(0,0,0,.5));  
        background: -moz-linear-gradient(rgba(255,255,255,.1),rgba(0,0,0,.5));  
        background: -mos-linear-gradient(rgba(255,255,255,.1),rgba(0,0,0,.5));  
        background: linear-gradient(rgba(255,255,255,.1),rgba(0,0,0,.5));  
  color: white;
  font-size: 20px;
  width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.advisory{
  width: 1200px;
  margin: 0 auto;
}
.advisory1{
  margin-top: 10px;
  width: 100%;
  height: 356px;
}
.advisory1 img{
  width: 100%;
  height: 100%;
}
.checktitle{
  margin-top: 10px;
}
.researchleft2{
  margin-top: 10px;
  width: 100%;
  height: 160px;
  background: url("http://img3.tqcaifu.com/list/reseach2banner2.png") no-repeat 100% 100%;
}
.researchleft2 img{
  height: 110px;
  width: 110px;
  float: left;
}
.researchleft2 .msg1{
  width: 260px;
  float: left;
}
.researchleft2 .msg{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(114, 62, 62, 0.4);
}
.researchleft2 .msg1 h1{
  font-size: 22px;
  color: white;
  font-weight: bolder;
}
.researchleft2 .msg1 h2{
  font-size: 16px;
  color: white;
  margin-top: 10px;
}
</style>
